<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="./js/jquery-1.4.3.js"></script>
<script type="text/javascript">
      function getTabInfo(id){
        if(id == 1){
           var str = "<table><tr><td><img></img><td></tr><tr><td>用户名<td><td>xxxx<td></tr><tr><td>密码<td><td>xxxx<td></tr><tr><td>修改个人信息<td></tr></table>";
           $("#content").html(str);
        }else if(id == 2){
        	var str = "<table style=\"float:left;width:100%; text-align: center\">"+
		"<tr>"+
	        "<td style=\"width:20%\">文件名</td>"+
	         "<td style=\"margin-left: 40px;\">类型缩写</td>"+
	         "<td>文件描述</td>"+
	         "<td>添加人</td>"+
	         "<td>添加时间</td>"+
	         "<td>操作</td>"+
	         "</tr>"+
	         "<tr>"+
		         "<td style=\"width:20%\">eclipse</td>"+
		         "<td style=\"margin-left: 40px;\">exe</td>"+
		         "<td>tool</td>"+
		         "<td>xxx</td>"+
		         "<td>xxxxxx</td>"+
		         "<td><input type=\"button\" value=\"取消收藏\"/></td>"+
	          "</tr>"+ 
	 "</table>";
            $("#content").html(str);
        }
      }
</script>
</head>
<body>
 <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=350 src="heard.html" frameborder=0></iframe>
    <div style="float:left;width:15%;heigth:auto;">
    	<ul style="list-style: none;">
    		<li><a href="#" style="text-decoration:none;color:#0000FF;" onclick="getTabInfo(1);">个人信息</a></li>
    		<li><a href="#" style="text-decoration:none;color:#0000FF;" onclick="getTabInfo(2);">收藏文件</a></li>
    	</ul>
    </div>
    <div style="float:left;width:85%;heigth:auto;" id="content">
    </div>
   <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=200 src="foot.html" frameborder=0></iframe>

</body>
</html>